<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:s="http://java.sun.com/jsp/jstl/core"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:a4j="http://richfaces.org/a4j">

<ui:composition>
	<div id="step1" style="position: relative; height: 100%">
		<h:panelGrid rowClasses="s1row" columns="3"
			columnClasses="wfcol1,wfcol2,wfcol3">
			<h:outputText value="#{label.cvJobTitle}" />
			<h:inputText id="cvJobTitle" value="#{cvDto.title}" label="Job Title" />
			<rich:message for="cvJobTitle"
				style="padding-left: 0px; margin-left: 20px; font-size:10pt;" />

			<h:outputText value="#{label.cvCountry}" />
			<h:inputText id="cvCountry" value="#{cvDto.country}" label="Country" />
			<rich:message for="cvCountry"
				style="padding-left: 0px; margin-left: 20px; font-size:10pt;" />

			<h:outputText value="#{label.cvCity}" />
			<h:inputText id="cvCity" value="#{cvDto.city}" label="City" />
			<rich:message for="cvCity"
				style="padding-left: 0px; margin-left: 20px; font-size:10pt;" />

			<h:outputText value="#{label.cvDateOfBirth}" />
			<rich:calendar value="#{cvDto.dateOfBirth}"
				id="calendar" locale="en" popup="true" datePattern="dd/MMM/yyyy"
				showApplyButton="false" />
			<rich:message for="calendar"
				style="padding-left: 0px; margin-left: 20px; font-size:10pt;" />
				
			<h:outputText value="#{label.cvNationality}" />
			<h:inputText id="cvNationality" value="#{cvDto.nationality}"
				label="Nationality" />
			<rich:message for="cvNationality"
				style="padding-left: 0px; margin-left: 20px; font-size:10pt;" />

		</h:panelGrid>

		<div class="navPanel" style="width: 100%;">
			<a4j:commandButton style="float:right" value="#{label.cvNext}">
				<rich:toggleControl targetItem="@next" event="click" />
			</a4j:commandButton>
		</div>
	</div>
</ui:composition>
</html>